<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>响应式</title>
    <!-- <script src="./vue.global.js"></script> -->
    <!--引入vue2开发版本的vue核心包-->
    <script src="https://cdn.jsdelivr.net/npm/vue@2.7.10/dist/vue.js"></script>
</head>

<!--
响应式
数据改变，视图自动更新
-->

<body>
    <div id="app">
        {{message}} {{count}}
    </div>

    <script>
        const app = new Vue({
            el: '#app',
            data: {
                message: '占用',
                count: 343
            }
        })
        // 只要通过 对象.属性名 = 值 就可以修改，页面也会同步修改
        app.message = "修改后的数据"
        console.log(app.message)
    </script>

</body>

</html>